/*
 * Style twaks
 * --------------------------------------------------
 */
body {
  padding-top: 70px;
  background-size: 100% 113%;
}
footer {
  padding-left: 15px;
  padding-right: 15px;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 768px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}

#top_logo{
  margin-top: 4%;
}

#profile_buttons{
  float: right;
}

#tag{
  padding-left: 15px;
  font-size: 10px;

}

#main-page-list-container{
  background: #DBD7D7;
}

#mainpagelist{
  border:2px solid gray;
  margin-top: 2px;
}

#mainpagelistheader{
  font-size: x-large;
  vertical-align: top;
  text-align: center;
  margin-bottom: 4%; 
}

#sidebar{
  opacity: .9;
}

#map-canvas{
  width: 440px;
  height: 350px;
  padding: 0px;
  margin: 0px;
  margin-left: 3%;
  float: left;
}

#centerPartMain{
  float:left;
  width: 40%;
}

#create-new-story{
  margin: auto;
  margin-left: 17%;
  margin-bottom: 3%;
  width: 70%;
}

#main-page-list{
  font-size: 13pt;
}

#notification-bar{
  width:460px;
  float:none;
  position: inherit;
  opacity: .9;
  overflow: hidden;
}

#notif-container{
  margin-top: 3%;
  margin-left: 2%;
  background: #DBD7D7;
}

#notif-list{
  font-size: 12px;

}

#notif-header{
  font-size: large;
  vertical-align: top;
  text-align: center;
  margin-bottom: 3%; 
}